<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<head>
  <meta charset="UTF-8" />
  <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
  <title>Ari123 - A free portal for learning arithmetic</title>
  <meta name="viewport" content="width=device-width">
  
  <link rel="stylesheet" href="css/normalize.css">
  <link rel="stylesheet" href="css/site.css"> 
  <link rel="stylesheet" href="css/buttons.css"> 
  <link rel="stylesheet" href="css/overlay.css"> 
  <link rel="stylesheet" href="css/animations.css"> 
  <link rel="stylesheet" href="css/main.css"> 
<!--[if gte IE 9]>
    <link rel="stylesheet" href="css/ie9.css" />
<![endif]-->  

  <link rel="stylesheet" href="css/rf/individualEquation.css">
  <link rel="stylesheet" href="css/rf/inverseOperation.css">
  <link rel="stylesheet" href="css/rf/compHouse.css">
  <link rel="stylesheet" href="css/rf/memory.css"> 
  <link rel="stylesheet" href="css/rf/additionWithAnimatedDice.css">
  <link rel="stylesheet" href="css/rf/additionAndSubtractionOfCoins.css"> 
  <link rel="stylesheet" href="css/rf/properFractionsAsSquareParts.css"> 
  <link rel="stylesheet" href="css/rf/shadeCircleParts.css"> 
  <link rel="stylesheet" href="css/rf/shadeSquareParts.css"> 
  <link rel="stylesheet" href="css/rf/properFractionsAsCircleParts.css">
  <link rel="stylesheet" href="css/rf/sizeComparison.css">
  <link rel="stylesheet" href="css/rf/fractionExtendAndReduce.css">
  <link rel="stylesheet" href="css/rf/fractionEquation.css">
  <link rel="stylesheet" href="css/rf/animatedStars.css">
  
  <!-- Load the log4javascript library and initialize the logger 
  <script src="lib/log4javascript/log4javascript.js"></script>
  <script>
  //<![CDATA[
  // var log = log4javascript.getDefaultLogger();
  // Create the logger
  var log = log4javascript.getLogger();
  // Create a PopUpAppender with default options
  var appender = new log4javascript.BrowserConsoleAppender();
  // Add the appender to the logger
  log.addAppender(appender);
  
  // example for calling the logger
  // log.debug("Culprit: ", e.culprit)
  //]]>
  </script>
  -->
  
  <script src="lib/util.js"></script>
  <script src="lib/dom.js"></script>
  <script src="lib/svg.js"></script>
  <script src="model/application.js"></script>
  <script src="model/BasicProblemStatistic.js"></script>
  <script src="model/NumberRange.js"></script>
  <script src="model/ArithmeticProblemType.js"></script>
  <script src="model/ArithmeticProblem.js"></script>
  <script src="model/RenderingForm.js"></script>
  <script src="model/ArithmeticExercise.js"></script>
  <script src="model/LearningUnit.js"></script>
  <script src="model/Learner.js"></script>

  <script src="model/rf/individualEquation.js"></script>
  <script src="model/rf/compHouse.js"></script>
  <script src="model/rf/memory.js"></script>
  <script src="model/rf/additionWithAnimatedDice.js"></script> 
  <script src="model/rf/additionAndSubtractionOfCoins.js"></script> 
  <script src="model/rf/numberRay.js"></script> 
  <script src="model/rf/shadeSquareParts.js"></script>
  <script src="model/rf/shadeCircleParts.js"></script>
  <script src="model/rf/properFractionsAsSquareParts.js"></script>
   <script src="model/rf/animatedStars.js"></script>
   <script src="model/rf/properFractionsAsCircleParts.js"></script>
   <script src="model/rf/fractionEquation.js"></script>
   <script src="model/rf/sizeComparison.js"></script>
   <script src="model/rf/fractionExtendAndReduce.js"></script>
   <script src="model/rf/inverseOperation.js"></script>
   
  <script src="dist/trans/translate.js"></script>
  <script src="dist/trans/translateDE.js"></script>

  <script src="view/application.js"></script>
  <script src="view/standardEventHandlers.js"></script>

  <script src="ctrl/application.js"></script>

  <script src="view/render.js"></script>
  <script src="view/rf/compHouse.js"></script>
  <script src="view/rf/individualEquation.js"></script>
  <script src="view/rf/memory.js"></script> 
  <script src="view/rf/additionWithAnimatedDice.js"></script> 
  <script src="view/rf/additionAndSubtractionOfCoins.js"></script>
  <script src="view/rf/numberRay.js"></script>
  <script src="view/rf/shadeSquareParts.js"></script>
  <script src="view/rf/shadeCircleParts.js"></script>
  <script src="view/rf/properFractionsAsSquareParts.js"></script> 
  <script src="view/rf/properFractionsAsCircleParts.js"></script> 
  <script src="view/rf/animatedStars.js"></script>
  <script src="view/rf/fractionEquation.js"></script>
  <script src="view/rf/sizeComparison.js"></script> 
  <script src="view/rf/fractionExtendAndReduce.js"></script> 
   <script src="view/rf/inverseOperation.js"></script>
   
  <script src="view/fill.js"></script>

  <script src="ctrl/startLearningUnit.js"></script>
  <script src="ctrl/startExercise.js"></script>
  <script src="ctrl/evaluateAnswer.js"></script>
  <script src="ctrl/continueCurrentExercise.js"></script>
  <script src="ctrl/continueCurrentLearningUnit.js"></script>    
  <script src="ctrl/rf/sizeComparison.js"></script>
  <script src="ctrl/rf/fractionExtendAndReduce.js"></script>

  <script src="dist/data/arithmeticProblemTypes.js"></script>
  <script src="tests/data/testLearningUnits_1.js"></script> 
<!-- 
  <script src="dist/data/learningUnits.js"></script> 
  <script src="dist/data/learningUnitsForLenz.js"></script> 
 -->
</head>
<body>
 <header>
   <div id="logo"><h1>Ari 1+2&middot;3 <sup>beta</sup></h1>
     <div id="logo-subtitle">An Open Education Portal<br />for Learning Arithmetic</div>
   </div>
   <div id="learnerDataForm"><span id="learnerData"></span> <button type="button" id="editLearnerData"></button></div>
 </header>
 
 <img id="tito" src="media/img/Tito_154_181.jpg" width="154" height="181" />
 <img id="ari-smiling" src="media/img/ari.svg" width="10%" />
 <img id="ari-disappointed" src="media/img/ari_disappointed.svg" width="10%" />
 <img id="ari-worried" src="media/img/ari_worried.svg" width="10%" />

  <div id="learningUnitSelection">
   <div id="grades">
    <h1>Grade</h1>
    <ul></ul>
   </div>
   <div id="subjectAreas">
    <h1>Topic</h1>
    <ul></ul>
   </div>
   <div id="learningUnits">
    <h1>Learning unit</h1>
    <ul></ul>
   </div>
   <p id="showAll">Show all grades</p>
  </div>

  <div id="sessionInfo">
    <h1></h1>
    <h2></h2>
    <div id="evaluationInfo">
     <span id="labelProblemCounter"></span> <span id="problemCounter"></span> <span id="nmrOfProblems"></span> 
     <span id="labelPercentageCorrect"></span> <span id="percentageCorrect"></span>
    </div>
  </div>
  
  <div id="renderBox"></div> 
  <div id="exerciseHelpText"></div> 
  
  <div id="help-quit">
    <button type="button" id="help"></button>
    <button type="button" id="quit"></button>
  </div>    
 
 <script type="text/javascript">
/*
 try {
  oa.ctrl.startLearningUnit( oa.currentLearningUnit)
}
catch(e) {
	log.error("", e);
	log.info("Culprit: ", e.culprit);
}
*/
//log.info("", ap1);
</script>
 
 
<footer>
   <hr />
   <div id="footerLeftCol">
   <p><span class="copyright">Copyright © 2012 Gerd Wagner and the <a href="ari-team.html">Ari123 team</a>, 
   <a href="http://www.tu-cottbus.de/fakultaet1/de/internet-technologie">Chair of Internet Technology</a>, Brandenburg University of Technology, Germany</span></p>
   <p><!-- <a href="OtherResources.html">Other Open Education Resources</a> --> </p>
   </div>
</footer>


<div class="overlay">
  <div class="wrap-outer">
    <div class="wrap">
      <div class="dialog">
        <h1 id="dialog-title"></h1>
        <form autocomplete="off">
          <p>
          <label><input type="text" id="firstNameInput" size=12 /></label> 
          <label><input type="number" id="gradeInput" min="1" max="12" /></label>
          <label><select id="languageSelect"></select></label> 
          </p>
          <p><input type="submit" id="closeDialog" /><button type="button" id="reset"></button></p>
        </form>
        <div>
        <table id="additionTbl">
         <thead>
          <tr><th colspan="11">Addition</th></tr>
          <tr><th>+</th><th>0</th><th>1</th><th>2</th><th>3</th><th>4</th><th>5</th><th>6</th><th>7</th><th>8</th><th>9</th></tr>
         </thead>
         <tbody>
          <tr><th>0</th><td></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td></tr>
          <tr><th>1</th><td></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td></tr>
          <tr><th>2</th><td></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td></tr>
          <tr><th>3</th><td></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td></tr>
          <tr><th>4</th><td></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td></tr>
          <tr><th>5</th><td></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td></tr>
          <tr><th>6</th><td></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td></tr>
          <tr><th>7</th><td></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td></tr>
          <tr><th>8</th><td></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td></tr>
          <tr><th>9</th><td></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td></tr>
         </tbody>
        </table>
        <table id="multiplicationTbl">
         <thead>
          <tr><th colspan="11">Multiplication</th></tr>
          <tr><th>∙</th><th>0</th><th>1</th><th>2</th><th>3</th><th>4</th><th>5</th><th>6</th><th>7</th><th>8</th><th>9</th></tr>
         </thead>
         <tbody>
          <tr><th>0</th><td></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td></tr>
          <tr><th>1</th><td></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td></tr>
          <tr><th>2</th><td></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td></tr>
          <tr><th>3</th><td></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td></tr>
          <tr><th>4</th><td></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td></tr>
          <tr><th>5</th><td></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td></tr>
          <tr><th>6</th><td></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td></tr>
          <tr><th>7</th><td></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td></tr>
          <tr><th>8</th><td></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td></tr>
          <tr><th>9</th><td></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td></tr>
         </tbody>
        </table>
        </div>
      </div>
    </div>
  </div>
</div>

</body>
</html>